<script setup lang="ts">
import {onMounted} from "vue";
// @ts-ignore
import {amis,amisLib} from "@/Global"
onMounted(() => {
  let amisScoped = amis.embed('#about', {
    type: 'page',
    title: '表单页面',
    body: {
      type: 'form',
      mode: 'horizontal',
      api: '/saveForm',
      body: [
        {
          type: 'button',
          label: '按钮11',
          onClick: () => {
            amisLib.toast.info('消息通知');
          }
        }
      ]
    }
  });
})

</script>
<template>
  <div class="about">
    <h1>This is an about page111</h1>
    <div id="about"></div>
  </div>
</template>

<style>
@media (min-width: 1024px) {
  .about {
    min-height: 100vh;
    display: flex;
    align-items: center;
  }
}
</style>
